<template>
  <Container>
    <div class="pay">
      <table border="0" cellspacing="0" cellpadding="0" align="center">
        <tbody>
          <tr>
            <td align="center">
              <img
                src="~/assets/images/pay/zhifu1.jpg"
                width="240"
                height="240"
              />
              <br />
              <div>银行数字人民币收款二维码</div>
            </td>
            <td align="center">
              <img
                src="~/assets/images/pay/zhifu2.jpg"
                width="240"
                height="240"
              />
              <br />
              <div>微信付款二维码【国内使用】</div>
            </td>
            <td align="center">
              <img
                src="~/assets/images/pay/zhifu3.png"
                width="240"
                height="240"
              />
              <br />
              <div>FPS轉數快收款碼【國外使用】</div>
            </td>
            <td align="left">
              賬戶名：銀都航空服務有限公司<br />
              開戶行：中國銀行股份有限公司廈門集美支行<br />
              賬號：410476319355<br />
              <br />
              SC AEROSPACE CO.LTD 收款碼<br />
              （alipay，wechat HK，等香港支付工具可掃描付款）<br />
              轉數快FPS識別碼:104153382 <br />
            </td>
          </tr>
        </tbody>
      </table>
      <footer>
        <p>
          轉賬時請備註會員賬號 轉賬完成後
          1個小時內開通服務,聯繫客服熱線:+85269127797 / +8618750277437
        </p>
        <p>
          Online Logbook service will be available within one hour after payment
          is completed.
        </p>
        <p>For customer service please contact +85269127797 / +8618750277437</p>
      </footer>
    </div>
  </Container>
</template>

<script setup lang="ts"></script>

<style>
body {
  background-color: #fff;
}
</style>
<style scoped lang="less">
.pay {
  font-size: 16px;
  table {
    width: 100%;
    img {
      width: 240px;
      height: 240px;
      margin: 0 auto;
    }
    tr {
      display: flex;
      align-items: center;
    }
    td {
      flex: 1;
      text-align: center;
      &:last-child {
        flex: 1.3;
        line-height: 30px;
        padding-left: 15px;
      }
      div {
        margin-top: 10px;
      }
    }
  }
  footer {
    padding-top: 20px;
    p {
      margin: 16px 0;
      margin-bottom: 16px !important;
      text-align: center;
      color: #f00;
    }
  }
}

@media screen and (max-width: 768px) {
  .pay {
    font-size: 72px;
  }
  tr {
    flex-direction: column;
    img {
      width: 800px !important;
      height: 800px !important;
    }
    td:last-child {
      line-height: normal !important;
    }
  }
}
</style>
